/* CSS Document */
body {height:100%; background:#c9c9c9; font:13px 'Microsoft Yahei', Arial, Tahoma, Verdana, Sans-Serif; color:#333;}
div, html, body, p, ul, ol, li, a, form, img, table, td, h1, h2, h3, h4, h5, h6, blockquote, header, section, footer, aside, nav, article, figure, figcaption, dl, dt, dd {margin:0;padding:0;} 
table {border-collapse:collapse;}
img {border:none;}

a, a:active, a:visited {text-decoration:none;}
a:hover {text-decoration:none;}
input, textarea, input:focus, textarea:focus {outline:none;}
input,select,textarea{ font-family: 'Microsoft Yahei', Arial, Tahoma, Verdana, Sans-Serif;vertical-align:middle}

/*---------------------a-------------------------------*/
.link_blue{ cursor:pointer;}
.link_blue:hover{ text-decoration:underline;color:#0198aa;}
.link_gray{ cursor:pointer; color:#a4a3a3;}
.link_gray:hover{ text-decoration:underline;}

/*------------------------------btn--------------------------------*/
.btn_blu_l{ padding:0 40px; font-size:15px; background-color:#0198aa; color:#fff; line-height:38px; display: inline-block; cursor:pointer; font-weight:bold;}
.btn_gray_l{ padding:0 40px; font-size:15px; background-color:#d8d8d8; color:#0198aa; line-height:36px; display: inline-block; cursor:pointer; font-weight:bold; border:1px solid #0198aa;}

/*---------------------header-------------------------------*/
.headerwraper{ background: url(../images/headerbg.png) center top repeat-x; width:100%; margin:0 auto; min-height:92px; position:relative;}
.header { height:80px; margin:0 auto; width:1220px; padding:0 30px;}
.header .header_l{ float:left;}
.header .header_r{ float:right;}
.header .header_l .logo{ background:url(../images/logo.jpg) no-repeat; width:159px; height:80px; cursor:pointer; float:left; margin-top:4px;}
.header .toplogin{ font-size:15px; color:#333; margin-top:33px; font-weight:bold; width:180px; text-align:right; float:right;}
.header .toplogin .line_v{ font-weight: normal; padding:0 8px; color:#a4a3a3; font-size:15px;}

/*-------------------------topmenu-----------------------------*/
.topmenu{ float:right;}
.topmenu .onemenu{ height:80px; float:left; margin-left:30px;}
.topmenu .onemenu a{ font-size:15px; font-weight:bold; line-height:80px; cursor:pointer; display:inline-block; border-top:4px solid #454545;}
.topmenu .onemenu a:hover,.topmenu .onemenu a.actived{ color:#a4a3a3; border-top:4px solid #fcd0cf;}

/*-------------------------container-----------------------------*/
.containerwraper{width:100%; clear:both;}
.container{ margin:0 auto; width:1280px; background:#fff; padding-bottom:125px; margin-top:-7px;}

/*-------------------------secmenu-----------------------------*/
.secmenu{ width:100%; height:40px; display:block; clear:both; border-bottom:1px solid #d3d3d3; }
.secmenu .onemenu{ position:relative; float:left; height:40px; overflow: hidden}
.secmenu .onemenu > a{ font-size:16px; font-weight:bold; cursor: pointer; padding:10px 40px 0 40px; display:inline-block; border-right:1px solid #d3d3d3; height:30px; position:relative;}
.secmenu .onemenu a b{ position:absolute; width:8px; height:8px; left:50%; margin-left:-4px; background: url(../images/arr_down.png) no-repeat; top:28px;}
.secmenu .onemenu a.actived{ border-bottom:1px solid #fff;}

.secmenu.back .onemenu a{ font-size:16px;}

.secmenu.mooc .onemenu.home a{ font-size:16px; padding-top:15px !important; height:20px;}
.secmenu.mooc .onemenu > a{ line-height:15px;/* padding:5px 19.54px;*/ text-align:center; font-size:14px;}
.secmenu.mooc .onemenu > a.actived{ color:#b40404;}

.secmenu.mooc.pd1 .onemenu > a{ padding:5px 20.187px;}
.secmenu.mooc.pd1 .onemenu:last-child > a{ border-right:0}

.secmenu.mooc.pd1 .onemenu.pdt > a{ padding-top:12px}

.secmenu .twomenuwraper{display:none;  background:#fff; border:1px solid #d3d3d3; width:329px; position:absolute; left:0; top:40px; z-index:2; min-height:138px;}
.secmenu .twomenu {}
.secmenu .twomenu a{ display:inline-block; cursor:pointer;  padding:0 45px; height:69px; width:239px; position:relative;}
.secmenu .twomenu a p{ height:37px; text-align:left; vertical-align:bottom; display:table-cell; font-size:16px; font-weight:bold; padding-top:7px; overflow:hidden; line-height:19px; padding-left:27px;}  
.secmenu .twomenu a > span{ display:none; text-align:left; color:#676666; -webkit-transform-origin-x: 0; -webkit-transform:scale(0.9);-o-transform:scale(1); padding-left:27px;}
.secmenu .twomenu a:hover,.secmenu .twomenu a.actived{ background:#f0f0f0;}
.secmenu .twomenu a:hover:after,.secmenu .twomenu a.actived:after{ content:''; width:18px; height:18px; position:absolute; background:url(../images/ic_menu_arr.png); top:25px; left:43px;}

.secmenu .twomenu a:after{ content:''; width:239px; height:1px; left:45px; bottom:-1px; background:#e0dfdf; position:absolute;}
.secmenu .twomenu a:hover > span{ display:block;}
.secmenu .twomenu a.actived > span{ display:block;}

.secmenu .onemenu:hover > .twomenuwraper{ display:block;}
.secmenu .onemenu.main > a{ font-size:14px;}



/*-------------------------slide_index-----------------------------*/
.slide_index{width:1280px; height:629px; position:relative; display:block; clear:both; margin-bottom:45px;}
.slide_index .oneslide{ width:1280px; height:629px;}
.slide_index .oneslide img{ width:1280px; height:629px;}

.middsearch{ width:516px; height:57px; position:absolute; top:329px; left:50%; margin-left:-258px; border:1px solid #676666; z-index:1}
.middsearch input{ background-color:#fff; border:0; height:27px; width:426px; padding:15px; float:left; font-size:15px; color:#333;}
.middsearch .ic_search{ width:60px; height:57px; background:#fff url(../images/icon.png) 0 0 no-repeat; display:inline-block; cursor:pointer; float:right;}

/*-------------------------list_knowledge-----------------------------*/
.knowledge{ padding:0 17px; display:inline-block}
.knowledge .title{ text-align:center; font-size:18px; color:#333; font-weight:bold; margin-bottom:28px;}
.knowledge .list{ margin-left:-22px; margin-bottom:20px;}
.knowledge .list .onelist{ width:290px; height:329px; border:1px solid #d3d3d3; margin-left:22px; margin-bottom:26px; display:inline-block}
.knowledge .list .onelist .pic{ width:290px; height:163px;}
.knowledge .list .onelist .pic img{width:290px; height:163px;}
.knowledge .list .onelist .info_s{ height:29px; background:#0198aa; padding:0 20px; text-align:right;}
.info_s .oneinfo{ font-size:12px; color:#fff; margin-left:12px; margin-top:6px; display:inline-block; position:relative; padding-left:20px;}
.info_s .oneinfo b{ position:absolute; left:0;top:0; width:15px; height:15px;}
.info_s .oneinfo.time b{background: url(../images/icon.png) 0 -57px no-repeat;}
.info_s .oneinfo.love b{background: url(../images/icon.png) -25px -57px no-repeat;}
.info_s .oneinfo.user b{background: url(../images/icon.png) -48px -57px no-repeat;}
.knowledge .list .onelist .info_b{ padding:8px 18px 8px 18px; border-bottom:4px solid #0198aa;}
.info_b .college{ font-size:14px; color:#7d3434; display:block;}
.info_b .teacher{ font-size:14px; color:#7d3434; display:block; margin-top:-2px;}
.info_b .topic{ font-size:16px; color:#010101; display:block; font-weight:bold; height:56px; overflow:hidden; margin-top:6px; line-height:19px;}
.info_b .subject{ font-size:12px; color:#676666; display:block; font-style:italic;}

.more{ width:100%; display:block; text-align:center;}
.btn_more{ width:340px; height:49px; border:1px solid #0198aa; display:inline-block; background:#d8d8d8; color:#0198aa; font-size:24px; font-weight:bold; text-align:center; cursor:pointer;}

/*--------------------------------------footerwraper---------------------------------*/
.footerwraper{ background:#454545; width:100%;}
.footerwraper .footer_top{ background:url(../images/footerbg.png) repeat-x; height:86px; width:100%;}
.btmmenu{ width:1280px; margin:0 auto; height:86px; text-align:center;}
.btmmenu .onemenu{ margin:0 18px; display:inline-block;}
.btmmenu .onemenu a{ display:inline-block; cursor:pointer; height:86px; line-height:86px; font-size:15px; color:#333333; font-weight:bold;}
.btmmenu .onemenu a:hover{ color:#f1f1f1;}
.footerwraper .footer_logo{ background:url(../images/logo_btm.png) no-repeat; width:159px; height:59px; margin:0 auto; margin-top:42px;}
.footerwraper .footer_code{ padding-top:27px; margin:0 auto; height:172px; width:172px;}

/*-------------------------------------topsearch-----------------------------------*/
.topsearch{ width:375px; height:50px; border:1px solid #bcbbbb; float:left; margin-top:18px; margin-left:98px;}
.topsearch .title{ width:99px; background:#f0f0f0; border-right:1px solid #bcbbbb; font-size:14px; font-weight:bold; color:#7f7e7e; display:inline-block; line-height:50px; text-align:center; float:left; }
.topsearch input{ background-color:#fff; border:0; height:20px; width:195px; padding:15px; float:left; font-size:14px; color:#7f7e7e;}
.topsearch .ic_search{ width:50px; height:50px; background:#fff url(../images/icon.png) -52px 0 no-repeat; display:inline-block; cursor:pointer; float:right;}

/*--------------------------------------------coursecont-------------------------*/
.coursecont{ width:100%; display:inline-block;}
.coursecont .toppart{ padding:35px 60px 40px 60px; border-bottom:1px solid #c1c1c1; min-height:253px; }
.coursecont .toppart .leftside{ width:450px; margin-right:38px; min-height:253px; float:left;}
.coursecont .toppart .leftside .video{ width:450px; height:253px; background-color:#000; border:1px solid #109eaf;}
.coursecont .toppart .leftside .video p{ color:#fff; font-size:12px; text-align:center; width:450px; margin-top:99px;}
.coursecont .toppart .rightside{ width:670px; float:left; padding-top:8px;}
.coursecont .toppart .rightside .teacher{ font-size:16px; color:#7d3434; margin-bottom:6px; font-weight:bold;}
.coursecont .toppart .rightside .title{ font-size:30px; color:#000; font-weight:bold; margin-bottom:37px;}
.coursecont .toppart .rightside .info{ font-size:13px; color:#585858; font-weight:bold; width:602px; line-height:19px; margin-bottom:15px;}
.coursecont .toppart .rightside .btnbox a{ display:inline-block; text-align:center; color:#fff; font-weight:bold; font-size:18px; background:#b40404; padding:0 91px; height:49px; line-height:49px; cursor:pointer;}
.coursecont .middpart{ padding:0 60px; display:inline-block}
.coursecont .middpart .leftside{ width:725px; margin-right:44px; padding-top:16px; float:left;}

.coursecont .courseinfo{ padding:27px 0 46px 0; border-bottom:1px solid #c1c1c1; display:inline-block; width:100%;}
.coursecont .courseinfo .title{ font-size:20px; color:#000; font-weight:bold;margin-bottom:20px;}
.coursecont .courseinfo .cont{}
.coursecont .courseinfo .cont p{ font-size:13px; color:#585858; font-weight:bold; line-height:20px; margin-bottom:20px;}
.coursecont .courseinfo .cont .ells{ font-size:13px; color:#585858; font-weight:bold; margin-top:-20px;}
.coursecont .courseinfo .readall{ font-size:12px; color:#0198aa; position:relative; cursor:pointer; padding-left:18px; display:block;}
.coursecont .courseinfo .readall:hover{ text-decoration:underline;}
.coursecont .courseinfo .readall b{ position: absolute; left:0; top:4px; border-left:4px solid transparent; border-right:4px solid transparent; border-top:8px solid #0198aa; border-bottom:4px solid transparent; width:0; height:0;}

.m_pic_l{ margin-right:25px; background:#eeeeee;}
.m_pic_r{ margin-left:25px;}

.coursecont .teacherinfo{  padding:27px 15px 46px 15px; border-bottom:1px solid #c1c1c1;}
.coursecont .teacherinfoin{padding:30px 45px;background:#ececea;}
.teacherinfo .list .namecard{ width:130px; min-height:176px; display:inline-block; vertical-align:top;}
.teacherinfo .list .namecard .face img{ border-radius:65px;}
.teacherinfo .list .namecard .name{ padding:10px 0; font-size:12px; text-align:center;}
.teacherinfo .list .namecard .name .top{ color:#000; margin-bottom:2px;}
.teacherinfo .list .namecard .name .btm{ color:#585858; line-height:14px;}
.teacherinfo .list .cont{ width:445px; padding-top:20px; display:inline-block;}

.teacherinfo .list.l .namecard{margin-right:20px;}
.teacherinfo .list.r .namecard{margin-left:20px;}
.teacherinfo .list.r .cont{ text-align:right;}

.coursecont .middpart .rightside{ width:391px; float:left;}

.knowledge_list{} 
.knowledge_list .onelist{ width:391px; height:175px; margin-top:22px; border:1px solid #0399ab; background:#FFF;}
.knowledge_list .onelist .cont{ padding:6px; height:135px;}
.knowledge_list .onelist .cont .pic{ width:240px; height:135px; float:left;}
.knowledge_list .onelist .cont .pic img{ width:240px; height:135px;}
.knowledge_list .onelist .cont .info{ margin-left:19px; width:118px; float:right; padding-top:10px;}
.knowledge_list .onelist .cont .info p{ margin-bottom:13px; padding-left:24px; position:relative;}
.knowledge_list .onelist .cont .info p span{ font-size:11px; -webkit-transform-origin-x: 0; -webkit-transform:scale(0.9);-o-transform:scale(1);}
.knowledge_list .onelist .cont .info p.time b{ background:url(../images/icon.png) 0 -90px no-repeat; position:absolute; width:15px; height:15px; left:0; top:3px;}
.knowledge_list .onelist .cont .info p.recom b{ background:url(../images/icon.png) -25px -90px no-repeat; position:absolute; width:15px; height:15px; left:0; top:3px;}
.knowledge_list .onelist .cont .info p.browse b{ background:url(../images/icon.png) -48px -90px no-repeat; position:absolute; width:15px; height:15px; left:0; top:3px;}
.knowledge_list .onelist .cont .info p.comm b{ background:url(../images/icon.png) -72px -90px no-repeat; position:absolute; width:15px; height:15px; left:0; top:3px;}
.knowledge_list .onelist .title{ text-align:center; height:28px; line-height:28px; display:block; background:#0198aa; color:#fff; font-size:16px; font-weight:bold;}

.knowledge_list .btn_box{ display:block; margin-top:39px;}
.knowledge_list .btn_box a{ width:389px; height:49px; line-height:49px; display:inline-block; border:1px solid #0198aa; font-size:16px; font-weight:bold; color:#0198aa; background:#d8d8d8; text-align:center; cursor:pointer;}


/*-------------------------------------------------------res_list--------------------------------------*/
.res_list .onelist{ margin-bottom:20px; display:inline-block;}
.res_list .onelist .l_icon{ width:45px; float:left; background-image:url(../images/ic_res.png); background-repeat:no-repeat; height:45px; margin-right:20px;}
.res_list .onelist .l_icon.doc{ background-position:0 0}
.res_list .onelist .l_icon.ppt{ background-position:0 -45px;}
.res_list .onelist .l_icon.xls{ background-position:0 -90px;}
.res_list .onelist .r_cont{ width:620px; float:left;}
.res_list .onelist .r_cont .tit{ color:#585858; font-size:14px; font-weight:bold; margin-bottom:8px;}
.res_list .onelist .r_cont .oth{ color:#656565; font-size:11px; -webkit-transform-origin-x: 0; -webkit-transform:scale(0.9);-o-transform:scale(1); margin-bottom:8px;}
.res_list .onelist .r_cont .info{ color:#585858; font-size:13px;}

/*--------------------------------feedback-----------------------------*/
.feedback .title .score_wz{ float:right; font-size:13px; font-weight:normal;}

/*--------------------------appscore------------------------------------*/
.score_star{ width:89px; height:16px; background-image:url(../images/star.png); background-repeat:no-repeat;float:right; margin-left:12px;}
.score_star.nostar {background-position:-90px 0}
.score_star.onestar {background-position:-72px 0}
.score_star.twostar {background-position:-54px 0}
.score_star.threestar {background-position:-36px 0}
.score_star.fourstar {background-position:-18px 0}
.score_star.fivestar {background-position:0 0}

/*--------------------------------givestar-----------------------------*/
.givestarbox{ width:100%; display:inline-block; margin-bottom:20px;}
.givestarbox p{ width:auto; display:inline-block; height:20px; vertical-align:top; margin-top:2px; margin-right:5px;}
.givestar{
	width:128px;
	height:20px;
	list-style:none;
	clear:both;
	position:relative;
	background: url(../images/star_b.png) no-repeat 0 0;
	 display:inline-block;
}

.nostar {background-position:-135px 0}
.onestar {background-position:-108px 0}
.twostar {background-position:-81px 0}
.threestar {background-position:-54px 0}
.fourstar {background-position:-27px 0}
.fivestar {background-position:0 0}
.givestar .astar {
	cursor: pointer;
	float:left;
	text-indent:-999em;
}
.givestar .astar a {
	position:absolute;
	left:0;
	top:0;
	width:20px;
	height:20px;
	text-decoration:none;
	z-index: 200;
}
.givestar .astar.one a {left:0}
.givestar .astar.two a {left:27px;}
.givestar .astar.three a {left:54px;}
.givestar .astar.four a {left:81px;}
.givestar .astar.five a {left:108px;}
.givestar .astar.actived a,
.givestar .astar:hover a
 {
	z-index:2;
	width:128px;
	height:20px;
	overflow:hidden;
	left:0;	
	background: url(../images/star_b.png) no-repeat 0 0;
}
.givestar .astar.one.actived a,.givestar .astar.one:hover a {background-position:-108px 0;}
.givestar .astar.two.actived a,.givestar .astar.two:hover a {background-position:-81px 0;}
.givestar .astar.three.actived a,.givestar .astar.three:hover a {background-position:-54px 0;}
.givestar .astar.four.actived a,.givestar .astar.four:hover a {background-position:-27px 0;}
.givestar .astar.five.actived a,.givestar .astar.five:hover a {background-position:0 0;}

/*------------------------------enter_fdbk---------------------*/
.enter_fdbk .enter_mess{border:1px solid #0a9cad;display:inline-block; width:100%; margin-bottom:10px; background-color:#f7f7f7;}
.enter_fdbk .enter_mess textarea{font-weight: normal; border:none; padding:5px; display:inline-block; font-size:13px; width:98.5%; height:75px;  resize:none; background-color:transparent; color:#585858; }
.enter_fdbk .enter_mess .wordcount{ color:#7f7e7e; font-size:12px; text-align:right; padding-right:10px; padding-bottom:5px;}
.enter_fdbk .enter_mess_wraper{ margin-bottom:20px;}
.enter_fdbk .enter_mess_wraper .btn_box{ display:block; text-align:right; margin-right:-2px;}
.enter_fdbk .enter_mess_wraper .btn_box a{ margin-left:8px;}
.list_fdbk{ display:inline-block; }
.list_fdbk .onelist{ margin-bottom:20px;}
.list_fdbk .onelist .info{ margin-bottom:6px;}
.list_fdbk .onelist .info .name{ font-size:13px; color:#000; font-weight:bold;}
.list_fdbk .onelist .info .time{ font-size:11px; color:#a0a0a0; -webkit-transform-origin-x: 0; -webkit-transform:scale(0.9);-o-transform:scale(1);}
.list_fdbk .onelist .cont{ font-size:13px; color:#585858;}
.feedback .enter_btn_box{ display:block; text-align:center;}
.feedback .enter_btn_box .btn_enterfdbk{ font-size:14px; background-image:#0198aa; font-weight:bold; padding-left:26px; position:relative; color:#0198aa; cursor:pointer;}
.feedback .enter_btn_box .btn_enterfdbk b{ background:url(../images/icon.png) 0 -128px no-repeat; width:17px; height:15px; position:absolute; left:0; top:1px;}

/*--------------------------------------------------point----------------------------------------*/
.point_wraper{ display:inline-block; padding:35px 59px; border-bottom:1px solid #c1c1c1;}
.point{ border:1px solid #0198aa; display:inline-block;padding:11px;}
.point .video{ float:left;width:880px; height:495px; background-color:#000;}
.point .video p{ color:#fff; font-size:12px; text-align:center; width:880px; margin-top:210px;}
.point .oth{ width:188px; padding:10px 35px; float:right;}
.anchor .oneanchor{ border-bottom:1px solid #d4d4d4;}
.anchor .oneanchor a{ display:inline-block; line-height:56px; color:#585858; font-size:14px; text-align:center; width:100%; font-weight:bold; cursor:pointer;}

.pointoth{ margin-left:19px; width:auto; padding-top:10px; margin-left:50px; margin-top:20px;}
.pointoth p{ margin-bottom:13px; padding-left:24px; position:relative; color:#024ebc; font-weight:bold;}
.pointoth p span{ font-size:12px;}
.pointoth p.time b{ background:url(../images/icon.png) 0 -154px no-repeat; position:absolute; width:15px; height:15px; left:0; top:3px;}
.pointoth p.recom a{ background:url(../images/icon.png) -25px -154px no-repeat; position:absolute; width:15px; height:15px; left:0; top:3px; cursor:pointer;}
.pointoth p.browse b{ background:url(../images/icon.png) -48px -154px no-repeat; position:absolute; width:15px; height:15px; left:0; top:3px;}
.pointoth p.comm b{ background:url(../images/icon.png) -72px -154px no-repeat; position:absolute; width:15px; height:15px; left:0; top:3px;}

.point_wraper .title{ display:block; background-color:#0198aa; color:#fff; text-align:center; font-weight:bold; font-size:16px; line-height:28px;}

.pointres_list{ display:inline-block; margin-left:-70px;}
.pointres_list .onelist{ margin-bottom:20px; width:103px; float:left; margin-left:70px;}
.pointres_list .onelist .pic{ border:1px solid #cccccc; width:103px; height:144px; margin-bottom:6px; background-color:#eeeeee;}
.pointres_list .onelist .pic img{ width:103px; height:144px;}
.pointres_list .onelist .tit{ text-align:center; font-size:12px; color:#585858;}

.pointdemo_list{ display:inline-block; margin-left:-70px;}
.pointdemo_list .onelist{ margin-bottom:20px; width:175px; float:left; margin-left:70px;}
.pointdemo_list .onelist .pic{ border:1px solid #cccccc; width:175px; height:98px; margin-bottom:6px; background-color:#eeeeee;}
.pointdemo_list .onelist .tit{ text-align:center; font-size:12px; color:#585858;}